<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <% //response.setHeader("Access-Control-Allow-Origin","*");
 	String path = request.getContextPath(); 
 	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
 <base href="<%=basePath%>">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
	<!-- <meta http-equiv="Access-Control-Allow-Origin" content="*"> -->
	<title>Login</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--webfonts-->
	<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic|Oswald:400,300,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<!--<script src="http://ajax.useso.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
	<script src="js/jquery-2.1.0.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
	
	<script src="js/jquery.qrcode.min.js"></script>
	<script src="js/login/weblogin.js"></script>
	<script src="js/login/websocket.js"></script>
</head>
<body>
<script>$(document).ready(function(c) {
	$('.close').on('click', function(c){
		$('.login-form').fadeOut('slow', function(c){
	  		$('.login-form').remove();
		});
	});	  
});
</script>
 <!--SIGN UP-->
 <h1></h1>
<div class="login-form">
	<div class="close"> </div>
		<div class="head-info">
			<!-- <label class="lbl-1"> </label>
			<label class="lbl-2"> </label>
			<label class="lbl-3"> </label> -->
			<div class="tab-left" id="tab-left">账号登录</div>
			<div class="tab-right" id="tab-right">扫码登录</div>
		</div>
	<div class="clear"> </div>
	<div id="container_left">
		<div class="avtar">
			<img src="images/avtar.png" />
		</div>
		<form id="loginform" method="post" action="http://115.29.52.105/samrthome/index.php?c=index&a=login">
			<input id="tid" name="email" type="text" class="text" value="holy">
			<div class="key">
				<input id="pwd" name="password" type="password" value="12345" ><!-- onfocus="this.value = ''"; -->
			</div>
			<div class="signin"></div>
		</form>
		<input type="submit" value="Login" onclick="mnsubmit()">
	</div>
	<div id="container_right" style="width: 100%;background: #ffffff;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;padding-top:30px;"><!--#2B2B36-->
		<div id="qrcode" style="margin:0px auto; width:250px; height:250px;padding-bottom:30px;"></div>
	</div>
</div>
<script type="text/javascript">
	// $('#qrcode').empty();
	// $('#qrcode').qrcode({
	// 	render: "table", //table方式 
	// 	width: 250, //宽度 
	// 	height:250, //高度
	// 	text:"http://192.168.199.163:8080/smartEducation/sweepQr?key"
	// 	//text:"http://120.24.39.99:8080/smartEducation/sweepQr?key="+key
	// });
	$('#tab-right').click(
		function(){
			$(this).css({"border-bottom":"2px solid #3EA751","color":"#fff"});
			$('#container_left').css({"display":"none"});
			$('#container_right').css({"display":"block"});
			$('#tab-left').css({"border-bottom":"0px","color":"#E0DCDC"});
		}
	);
	$('#tab-left').click(
		function(){
			$(this).css({"border-bottom":"2px solid #3EA751","color":"#fff"});
			$('#tab-right').css({"border-bottom":"0px","color":"#E0DCDC"});
			$('#container_right').css({"display":"none"});
			$('#container_left').css({"display":"block"});
		}
	);
</script>
 <div class="copy-rights">
					<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.zhbit.com/" target="_blank" title="北理工">北理工</a></p>
			</div>

</body>
</html>